<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>我的</title>
    <link href="../../css/mui.min.css" rel="stylesheet"/>
    <link href="../../css/list.css" rel="stylesheet" />
    <link href="../../admin/css/style.css" rel="stylesheet" />
    <script src="../../js/app.js"></script>
    <script src="../../js/mui.min.js"></script>
    <script src="../../js/cache/img.js"></script>
    <script src="../../js/lib/arttmpl.js"></script> 
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">我的资源库</h1>
		</header>
		<script id="tmp_list1" type="text/html">
		<% for(var i in items){ var item=items[i]; %>
		        <div id="list<%= item.tid %>" ><li class="mui-table-view-cell mui-media"style="border-bottom: 1px solid #E3E3E3;">
		        	<div class="mui-media-body" id="<%= item.tid %>" onclick="goto('resource','home','detail','<%= item.tid %>')" >
		        		<% if(item.pic && item.pic.length>6){ %><img class="mui-media-object mui-pull-left" id="<%= item.pic %>" style="margin-right:10px" onerror="this.onerror=null;this.src='../../images/logo.png'"/>
		        		<% } %>
		        		<%= item.contents %>
		        		<p class="mui-ellipsis"><%= item.createtime %></p>
		        	</div>
		        	<div style="color:red;padding:5px">
		        		<div onclick="goto('resource','admin','modify','<%= item.tid %>')" style="float:left;">[编辑]</div>
		        		<div onclick="_delete('<%= item.tid %>')" style="float:left;padding-left:20px;">[删除]</div>
		        	</div></li>
		        </div>
		<% } %>
		</script>

		<div class="mui-content" id="pullrefresh">
			<ul class="mui-table-view" >
			       <div class="friend-list-left" id="content"></div>
		    </ul>
	   </div>
	</body>
	<script type="text/javascript">

mui.init({  
		pullRefresh: {  
		container: '#pullrefresh', //触发刷新功能的id标签
		down: {  //触发下拉函数
		height:50,// 可选.默认50.触发上拉加载拖动距离
        auto:false,// 可选,默认false.自动上拉加载一次
        style:'circle',//必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
      	color:'#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
        range:'100px', //可选 默认100px,控件可下拉拖拽的范围
     	offset:'50px', //可选 默认0px,下拉刷新控件的起始位置
		contentdown : "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
		contentover : "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
		contentrefresh : "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
		callback: pulldownRefresh
	},
		up : {//触发上拉
		height:50,// 可选.默认50.触发上拉加载拖动距离
        auto:false,// 可选,默认false.自动上拉加载一次
		contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
		contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
		callback :pullupRefresh //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
	}
              }  
});

//* 下拉刷新具体业务实现 
function pulldownRefresh() { 
		setTimeout(function () { 
		get(0);//获取数据
		mui('#pullrefresh').pullRefresh().endPulldownToRefresh();//关闭上拉刷新样式
		}, 1500);  //1500毫秒触发
} 
 //* 上拉加载具体业务实现 
function pullupRefresh() { 
		setTimeout(function () { 
		get(1);//获取数据
		mui('#pullrefresh').pullRefresh().endPullupToRefresh();//关闭下拉加载样式
		}, 1500);  //1500毫秒触发
} 
get();
var	p= 0;
//列表页，num=1/翻页更新数据。num=0/刷新重置;
function get(num){
	mui.plusReady(function() {
	if(num==1){
		p=p+1;
	}else{
		p=0;
		document.getElementById("content").innerHTML='';
	};
	apptoken['p']= p;
	apptoken['act']='list';
 	mui.post(home.hos+'/resource/admin',apptoken,function(data){
//			 alert(p+data);
	if(isJSON(data)){
			var result=JSON.parse(data);
		for(var i=0;i<result.length;i++){
			createtime=new Date(parseInt(result[i].createtime) * 1000).format('yyyy-MM-dd hh:mm:ss');
			imgs = result[i].image || '';
			data={
						items:[{
							tid:result[i].id,
							pic:imgs,
							follow:result[i].follow,
							contents:result[i].world+':'+result[i].name,
							createtime:createtime
						}],
						src:home.uploads+'/img/resource/'
				};
			html = template('tmp_list1', data);
			document.querySelector("#content").innerHTML += html;
			//优先读取本地缓存图片,没有在网络下载;
	            setImg(imgs, home.uploads+'/img/resource/min'+imgs,'resource');

		}
	}else{
		plus.ui.toast("服务器有误"+data);
	}
				//服务器返回响应，根据响应结果，分析是否登录成功；
	},'text');
	});
}

function _delete(thisid){
		 	if(!window.confirm('你确定要删除吗。')){
		 		plus.ui.toast("已取消");
                 return false;
            }
		 	apptoken['tid']=thisid;
		 	apptoken['act']='delete';
		mui.post(home.hos+'/resource/admin',apptoken,function(data){
			alert(data);
			if(data==200){
			var tid=document.getElementById('list'+thisid);
				content.removeChild(tid);//删除div
		plus.ui.toast("删除成功");
		}else{
			plus.ui.toast("操作失败",data);
		}
		},'text')
	}
function _refresh(thisid){
		 if(!window.confirm('每天只能刷新一次，你确定要刷新吗？')){
		 		plus.ui.toast("已取消");
                 return false;
             }
		 document.getElementById('refresh'+thisid).style.display='none';//隐藏刷新按钮
		 var tid=document.getElementById('list'+thisid);
		 appendChild("resource",tid.innerHTML,1);
		content.removeChild(tid);//删除div
		plus.ui.toast("刷新成功");
		apptoken['tid']=thisid;
		mui.post(home.hos+'/resource/refresh',apptoken,function(data){
//			alert(data);
//		history.go(0);
		},'text')
	}

	</script>
</html>
